$(function() {
	$("input[type=text]").blur(function(e) {
		var name = $(e.target).attr('name');
		var attr = $(this).val() + "px";
		$(".box-2").css(name, attr);
	})
	$("input[type=color]").change(function(e) {
		var name = $(e.target).attr('name');
		var color = $(this).val();
		$(".box-2").css(name, color);
	})
	$(".box-2").click(function() {
		$(this).addClass("box-animate").delay(1500).queue(function() {	
		
			//	$(this).removeClass('box-animate')
				$(".box-big").css({"background-size":"220% 220%"})
				$(".box-potting,.box-jack2 ,.floor_lamp").css({"background-size":"0px 0px"})
				$(".box-2").css({"width":"16% ","height":"80%"})
		})
	})
	/* $("#text-width").blur(function(){		 
		var width=$(this).val()+"px";
	  $("#box_exzample").css("width",width);
	});
	$("#text-height").blur(function(){
		var height=$(this).val()+"px";
	  $("#box_exzample").css("height",height); 
	  $("#box_right").css("height",height);
	});
	$("#text-margin").blur(function(){
		var margin=$(this).val()+"px";
	  $("#box_exzample").css("margin",margin);
	});
	$("#text-margin-top").blur(function(){
		var margin=$(this).val()+"px";
	  $("#box_exzample").css("margin-top",margin);
	});
	$("#text-margin-right").blur(function(){
		var margin=$(this).val()+"px";
	  $("#box_exzample").css("margin-right",margin);
	});
	$("#text-margin-bottom").blur(function(){
		var margin=$(this).val()+"px";
	  $("#box_exzample").css("margin-bottom",margin);
	});
	
	$("#text-margin-left").blur(function(){
		var margin=$(this).val()+"px";
	  $("#box_exzample").css("margin-left",margin);
	});
	$("#text-padding").blur(function(){
		var padding=$(this).val()+"px";
	  $("#box_exzample").css("padding",padding);
	});
	$("#text-padding-top").blur(function(){
		var padding=$(this).val()+"px";
	  $("#box_exzample").css("padding-top",padding);
	});
	$("#text-padding-right").blur(function(){
		var padding=$(this).val()+"px";
	  $("#box_exzample").css("padding-right",padding);
	});
	$("#text-padding-bottom").blur(function(){
		var padding=$(this).val()+"px";
	  $("#box_exzample").css("padding-bottom",padding);
	});
	
	$("#text-padding-left").blur(function(){
		var padding=$(this).val()+"px";
	  $("#box_exzample").css("padding-left",padding);
	});
	$("#text-border-width").blur(function(){
		var border=$(this).val()+"px";
	  $("#box_exzample").css("border-width",border);
	});
	
	$("#text-border-color").change(function(){
		var border=$(this).val();
	  $("#box_exzample").css("border-color",border);
	});
	$("#select-border-style").change(function(){
		var border=$(this).find("option:selected").text();		 
	  $("#box_exzample").css("border-style", border );
	});
	
	$("#border-top-width").blur(function(){
		var border=$(this).val()+"px";
	  $("#box_exzample").css("border-top-width",border);
	});
	
	$("#border-top-color").change(function(){
		var border=$(this).val();
	  $("#box_exzample").css("border-top-color",border);
	});
	$("#select-border-top").change(function(){
		var border=$(this).find("option:selected").text();		 
	  $("#box_exzample").css("border-top-style", border );
	});
	
	$("#border-right-width").blur(function(){
		var border=$(this).val()+"px";
	  $("#box_exzample").css("border-right-width",border);
	});
	
	$("#border-right-color").change(function(){
		var border=$(this).val();
	  $("#box_exzample").css("border-right-color",border);
	});
	$("#select-border-right").change(function(){
		var border=$(this).find("option:selected").text();		 
	  $("#box_exzample").css("border-right-style", border );
	});
	$("#border-bottom-width").blur(function(){
		var border=$(this).val()+"px";
	  $("#box_exzample").css("border-bottom-width",border);
	});
	
	$("#border-bottom-color").change(function(){
		var border=$(this).val();
	  $("#box_exzample").css("border-bottom-color",border);
	});
	$("#select-border-bottom").change(function(){
		var border=$(this).find("option:selected").text();		 
	  $("#box_exzample").css("border-bottom-style", border );
	});
	$("#border-left-width").blur(function(){
		var border=$(this).val()+"px";
	  $("#box_exzample").css("border-left-width",border);
	});
	
	$("#border-left-color").change(function(){
		var border=$(this).val();
	  $("#box_exzample").css("border-left-color",border);
	});
	$("#select-border-left").change(function(){
		var border=$(this).find("option:selected").text();		 
	  $("#box_exzample").css("border-left-style", border );
	});
	 */
})
